<template>
  <a-modal
    :visible="visible"
    title="关于"
    :closable="false"
    @ok="handleOk"
    @cancel="handleCancel"
    :cancel-button-props="{ props: { disabled: true } }"
  >
    <div>
      <div class="article-top-1">
        <p>数智化工厂协同平台</p>
      </div>
      <div class="article-v-1">
        <p>
          V
          <span>{{ version }}</span>
        </p>
      </div>

      <div>
        <p>
          数智化工厂协同平台，集成制造执行、数据分析和批记录等管控场景和环节。
          实施后将提高企业内部门间协调指挥的能力，使整个生产过程透明化、数字化。
          通过实时的数据采集，及时了解车间的生产情况，实现生产透明化。
        </p>
      </div>
      <a-divider />
      <div>
        <p class="article-control-1">
          <span>版权所有</span>
        </p>

        <img src="@/assets/img/chcontrol.png" width="100" height="50" alt="" />
        <p class="control-name">
          <span>Copyright©2023,广州中浩控制技术有限公司</span>
        </p>
        <p class="address">
          <span>地址：</span>
          <span>广州市先烈中路100号大院13号楼5层</span>
        </p>
        <p class="address">
          <span>网址：</span>
          <span>
            <a href="javascript:;">www.chcontrol.com</a>
          </span>
        </p>
      </div>
    </div>
  </a-modal>
</template>
  <script>
import config from "../../package.json";
export default {
  props: ["visible"],
  data() {
    return {
      version: "1.0.000",
    };
  },
  methods: {
    handleOk(e) {
      this.$emit("update:visible", false);
    },
    handleCancel(e) {
      this.$emit("update:visible", false);
    },
  },
  mounted() {
    let version = config.version;
    if (version) {
      this.version = version;
    }
  },
};
</script>
<style lang="less">
.article-top-1 {
  font-size: 20px;
  font-weight: 700;
}
.article-v-1 {
  font-size: 20px;
}
.article-control-1 {
  font-size: 16px;
  font-weight: 700;
}

</style>